@charset "utf-8";
/*=============================j_reset=====================================*/
*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin:0;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {   padding:0; border:0;  outline:0; vertical-align:baseline; background:transparent;}
html,body{ width:100%; position:relative; height:auto; overflow-x:hidden;  }
*[align="center"]{ margin:0 auto;}
html {font-size: 62.5%;}
 
@font-face {font-family: 'j_cn_font';
    src: url('../font/cn/j_cn.eot'); /* IE9*/
    src: url('../font/cn/j_cn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/cn/j_cn.woff') format('woff'), /* chrome、firefox */
    url('../font/cn/j_cn.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/cn/j_cn.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: 'j_en_font';
    src: url('../en/font/j_en.eot'); /* IE9*/
    src: url('../en/font/j_en.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/en/j_en.woff') format('woff'), /* chrome、firefox */
    url('../font/en/j_en.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/en/j_en.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.font_en{ font-family:'j_en_font' ;}
.font_cn{ font-family:'j_cn_font' ;}
body {font-size: 1.6rem; /* =16px */}
::selection{  background:#0aa284;  color:#fff;}  
::-moz-selection {  background:#0aa284;  color:#fff;  }  
::-webkit-selection {  background:#0aa284;  color:#fff;  } 
h1,h2,h3,h4,h5,h6,strong{ font-weight: normal;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ 
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}

input,select{vertical-align:middle}
input {  padding: 0 5px;  vertical-align: middle;  line-height: normal;  }  
/*css定义超链接四个状态也有顺序的。*/   
a:link, a:visited { text-decoration: none; cursor:pointer;}  
a:hover, a:active {  border: none;  color: #68686a;  }  
/*辅助样式*/
ul,li{list-style:none}
.fl,.left{ float:left !important;}
.fr,.right{ float:right !important;}
.no_bg{ background:none !important;}
.no_padding{ padding: 0 !important;}
.no_padding_r{padding-right: 0 !important;}
.no_border{ border:0 !important;}
.no_margin{ margin:0 !important;}
.no_bg_img{ background-image:none !important;}
.j_hide{ display:none;}
.border{ border:1px solid #dedede;}
.clear{ clear:both;}
.h_x{ color:#fe0505; font-weight:bold; padding-left:10px; padding-top:10px;}
.dd{background: #d6d7d9; border-radius:50%; height:7px; display:inline-block; width:7px; margin:0 10px;}
hr{display:block;height:1px;border:0; background:#dcdfe0; margin:1em 0;padding:0}
.j_bnt{ display:inline-block; border:none; border-radius:3px; background:#3cac4a; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff; padding:0 35px;}	
.j_bnt:hover{background:#4bc65a; cursor:pointer; }	
.tmd{opacity:1;filter:alpha(opacity=100);}
.icon_dd { background: #2d95a2 none repeat scroll 0% 0%; border-radius: 50%;  height: 6px; display: inline-block; width: 6px; margin: 0px 10px;}

/*文字排版、颜色*/
.t2{ text-indent: 2em;}
.red{  color: #ff2a00 !important;}
.green{ color: #3cac4a !important;}
.blue{ color:#ea7b99 !important;}
.t_sd{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.text-overflow-hidden {  overflow: hidden;  word-spacing: normal;  letter-spacing: normal;  whitewhite-space: nowrap;  } 
.u_bnt{ display:inline-block; border:none; border-radius:3px; background:#1949b9; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff;}	
.u_bnt:hover{background:#5b6cc2; cursor:pointer; }	
.f12{font-size:12px;}  
.f13{font-size:13px;}  
.f14{font-size:14px;}  
.f15{font-size:15px;} 
.f16{font-size:16px;}  
.f20{font-size:20px;}  
.fb{font-weight:bold;}  
.fn{font-weight:normal;} 
.text_dx{ text-transform:uppercase;}
.submit{ cursor:pointer; background-color:none; border:none;}
.bnt{ display:inline-block; line-height:30px; border-radius:3px; height:30px; text-align:center; font-size:14px; color:#fff;}
.bnt_bg1{ background:#ff4400;}
.my_title{ color:#df9e5d; font-size:25px;}
.text_indent{text-indent:2em;}
.ar_article {color:#707070; font-size:14px; line-height:30px; text-align:justify; }
.ar_article p{font-size:14px; color:#707070; line-height:30px; padding-bottom:25px; text-align:justify;   }	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;  }
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article  img{ max-width:100%;}
.ar_article a{ color:#707070;}
.ar_article a:hover{ text-decoration:underline;}
.ar_article a:hover span{text-decoration:underline;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
 

/*缓动*/
#nav li .a strong,#nav li .a i,#s_team li h1,#s_team .hd a,#s_news img,#s_news .hd a,.s_more,#gotop_box a,.bnt_qq,#ar_fot a,#n_sub_nav a,.more,#about_f3 li h1,#about_f3 li img,#about_f2 li *,input[type="submit"],#n_nav *,#n_news *,#n_team li,#n_case *,#nav_case .bd li *,#nav li .a span{ -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; } 

#n_news li div{ -moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; } 

.nav li .a strong{ -moz-transition: all 0s ease;
-webkit-transition: all 0s ease;
-o-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
transition: all 0s ease-in-out; } 

#s_pro  li img{ -moz-transition: all 5s ease;
-webkit-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
-ms-transition: all 5s ease-in-out;
transition: all 5s ease-in-out; } 
/*缩放*/
{ 
-moz-transform:scale(1.1); 
-o-moz-transform:scale(1.1); 
-o-moz-transform:scale(1.1); 
-webkit-moz-transform:scale(1.1); 
transform:scale(1.1);
}
hover{transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */
}
/*灰度*/
{-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
}
 /*动画*/
{
	width:100px;
	height:100px;
	background:red;
	animation:myfirst 5s;
	-moz-animation:myfirst 5s; /* Firefox */
	-webkit-animation:myfirst 5s; /* Safari and Chrome */
	-o-animation:myfirst 5s; /* Opera */
	
	animation-name:myfirst;
	animation-duration:5s;
	animation-timing-function:linear;
	animation-delay:2s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
	/* Safari and Chrome: */
	-webkit-animation-name:myfirst;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
}
.mark_plane{ 
animation:mark_plane;
-moz-animation:mark_plane; /* Firefox */
-webkit-animation:mark_plane; /* Safari and Chrome */
-o-animation:mark_plane; /* Opera */display:block;
animation-duration:4s;
animation-timing-function:linear;
animation-delay:1s;
animation-iteration-count:infinite;
animation-direction:normal;/*下次方向*/
} 

@keyframes mark_plane
{
	0%   { right:0; opacity:0;}
	50%  {right:50%; opacity:1;}
	100% {right:100%; opacity:0;}
}
@-moz-keyframes mark_plane /* Firefox */
{
	0%   { right:0; opacity:0;}
	50%  {right:50%; opacity:1;}
	100% {right:100%; opacity:0;}
}


@keyframes myfirst
{
	0%   {background:red; left:0px; top:0px;}
	25%  {background:yellow; left:200px; top:0px;}
	50%  {background:blue; left:200px; top:200px;}
	75%  {background:green; left:0px; top:200px;}
	100% {background:red; left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
	0%   {background:red; left:0px; top:0px;}
	25%  {background:yellow; left:200px; top:0px;}
	50%  {background:blue; left:200px; top:200px;}
	75%  {background:green; left:0px; top:200px;}
	100% {background:red; left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   {background:red; left:0px; top:0px;}
	25%  {background:yellow; left:200px; top:0px;}
	50%  {background:blue; left:200px; top:200px;}
	75%  {background:green; left:0px; top:200px;}
	100% {background:red; left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
	0%   {background:red; left:0px; top:0px;}
	25%  {background:yellow; left:200px; top:0px;}
	50%  {background:blue; left:200px; top:200px;}
	75%  {background:green; left:0px; top:200px;}
	100% {background:red; left:0px; top:0px;}
}
 

/*==============滚动条=====================*/
.j_scoll{ position:relative;    padding-bottom:80px; overflow: scroll; overflow-y:hidden;  white-space: nowrap; width:100%;}
/*chuizhi*/
#ascrail2000{ background:url(../images/bg_jj_scoll.png) center top repeat-y;   opacity: 1 !important; }
#ascrail2000-hr{ background:url(../images/bg_jj_scoll.png) center repeat-x; width:100%; height:10px; opacity: 1 !important; }
#ascrail2000-hr div{    } 


/*百度播放器美化*/
#playercontainer_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play{background-size: 25px;}
#playercontainer_display_button{ height:40px !important; margin-top: -20px !important;}
#ascrail2000-hr div{ border-radius:0  !important; height:4px !important; top: 1px !important; cursor:pointer;}
/*移动端美化*/
@media screen and (max-device-width:780px){
	 
	.article{ margin-left:10px; margin-right:10px;}
	.article img{ max-width:100%; margin:0 auto;}
	#footer .left{width:100% !important; float:none !important; margin-left:0 !important; }
	#footer .right{margin-top:50px; width:100% !important; padding:0 !important; border:none !important; float:none !important;}
	.xc_main_box div{  background-size: 160% auto !important; }
	.xc_main_box .f4 .j_parallax{ height:980px !important;}
	#footer .xc_left{ width:100% !important; float:none !important;}
	#footer .xc_right{ margin-top:50px; width:100% !important; padding-left:0 !important; border:none !important; float:none !important;}
	}